@import './modules/reset.scss';
@import './modules/header.scss';
@import'./modules/footer.scss';
.shopping-nav {
    width: 100%;
    height: 100%;
}

.shopping-nav .shopping-nav-middle {
    width: 1280px;
    height: 100%;
    margin: 0 auto;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-top {
    width: 1280px;
    height: 70px;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-top>ul {
    line-height: 70px;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-top>ul li {
    float: left;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-top>ul li a {
    font-size: 14px;
    color: #999CA0;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-top>ul li i {
    color: #999CA0;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-center {
    width: 1280px;
    height: 395px;
    margin-top: 2px;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-center .shopping-center-left {
    width: 655px;
    height: 395px;
    text-align: center;
    float: left;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-center .shopping-center-left>img {
    height: 395px;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-center .shopping-center-right {
    width: 625px;
    height: 455px;
    float: right;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-center .shopping-center-right>p {
    color: #7C878E;
    font-size: 30px;
    margin-top: 50px;
    margin-bottom: 40px;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-center .shopping-center-right>span {
    color: #7C878E;
    font-size: 12px;
    float: left;
    width: 100%;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-center .shopping-center-right .vo {
    width: 100%;
    overflow: hidden;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-center .shopping-center-right .vo .carss {
    width: 180px;
    height: 40px;
    color: #7C878E;
    font-size: 12px;
    float: left;
    margin-top: 35px;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-center .shopping-center-right .vo .arrow {
    width: 68px;
    height: 40px;
    float: left;
    border: solid 1px #DDDDDD;
    margin-left: 10px;
    margin-top: 35px;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-center .shopping-center-right .vo .arrow #shopping-num {
    height: 40px;
    line-height: 40px;
    width: 48px;
    // margin-top: 35px;
    border: 0;
    border-bottom: 1px solid #DDDDDD;
    // text-indent: 10px;
    // border-radius: 0;
    // -webkit-box-shadow: none;
    // box-shadow: none;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-center .shopping-center-right .vo .arrow .spinner--arrow {
    width: 16px;
    height: 40px;
    border: solid 1px #DDDDDD;
    float: right;
    // margin-top: 35px;
    text-align: center;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-center .shopping-center-right .vo .arrow .spinner--arrow .topArrow {
    width: 16px;
    height: 19px;
    border-bottom: 1px solid #ddd;
    float: right;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-center .shopping-center-right .vo .arrow .spinner--arrow .bottomArrow {
    width: 16px;
    height: 19px;
    border-bottom: 1px solid #ddd;
    float: right;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-center .shopping-center-right #shopping-but1 {
    width: 228px;
    height: 62px;
    border: 1px solid #7C878E;
    background-color: #7C878E;
    margin-top: 26px;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-center .shopping-center-right #shopping-but2 {
    width: 228px;
    height: 62px;
    border: 1px solid #7C878E;
    background-color: #418FDE;
    margin-top: 26px;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-bottom {
    width: 1280px;
    height: 530px;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-bottom>h4 {
    display: inline-block;
    width: 1280px;
    height: 82px;
    font-size: 44px;
    color: #7C878E;
    text-align: center;
    line-height: 82px;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-bottom .shopping-dl {
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin-top: 20px;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-bottom .shopping-dl dd:nth-of-type(1) {
    margin-bottom: 15px;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-bot {
    width: 1280px;
    height: 520px;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-bot>p {
    margin-left: 50px;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-bot>p .ac {
    background-color: #B0B7BB;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-bot>p .ac a {
    color: #fff;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-bot>p span:nth-of-type(1) {
    display: inline-block;
    width: 126px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #E5E7E8;
    border-bottom: none;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-bot>p span:nth-of-type(2) {
    display: inline-block;
    width: 126px;
    height: 40px;
    border: 1px solid #E5E7E8;
    line-height: 40px;
    text-align: center;
    border-bottom: none;
    border-left: none;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-bot>p span a {
    color: #AAABAF;
    text-decoration: none;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-bot .shopping-box {
    width: 1148px;
    height: 460px;
    border: 1px solid #E5E7E8;
    margin-left: 50px;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-bot .shopping-box #shopping-desc>p:nth-of-type(1) {
    font-size: 14px;
    color: #7C878E;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 25px;
    padding-left: 40px;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-bot .shopping-box #shopping-desc>p:nth-of-type(2) {
    font-size: 12px;
    color: #AAABAF;
    padding-left: 40px;
    line-height: 20px;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-bot .shopping-box #shopping-explain>p:nth-of-type(1) {
    font-size: 14px;
    color: #7C878E;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 25px;
    padding-left: 40px;
}

.shopping-nav .shopping-nav-middle .shopping-nav-middle-bot .shopping-box #shopping-explain>p:nth-of-type(2) {
    font-size: 12px;
    color: #AAABAF;
    padding-left: 40px;
    line-height: 20px;
}